<template>
  <div>
    <span>考试成绩</span>
    <input @keydown="btn" v-model="num" type="text" />
    <p>您的考试成绩如下:</p>
    <p v-if="grade > 90">优秀</p>
    <p v-else-if="grade > 80">良好</p>
    <p v-else-if="grade > 70">中等</p>
    <p v-else-if="grade > 60">及格</p>
    <p v-else-if="grade < 60">不及格</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      grade: 80,
    };
  },
  methods: {
    btn() {
      this.grade = num; // 先放着
    },
  },
};
</script>

<style>
</style>